<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<link rel="stylesheet" href="css/form.css" />
</head>

<body>
	<div id="header-wrap" data-mn=0>
		<a href="###" data-link="safe" data-type="ico" class="left ico-m ico-left"></a>
		<h2>设置昵称</h2>
	</div>
	<div class="" id="">
		<form id="rz-1">
		<div class="tips">
			<div class="t-info">昵称总比一串带星号的电话号码好看</div>
			<div class="t-error"></div>
			<div class="t-success"></div>
		</div>
		<ul class="form-list">
			<li class="ico-m ico-pl ico-user-s" data-type="ico">
				<div class="fl-cont form-input">
					<input id="nick_input" type="text" placeholder="请输入新昵称" value="" />
				</div>
			</li>
		</ul>
		<div>
			<a href="###" class="btn b-red"><span id="check">确认</span></a>
		</div>
		</form>
		
		<div class="feed-info">
			<h2>关于昵称</h2>
			<p>可以使用字母、数字、汉字或特殊字符（含混搭），除了汉字是 2字节/个，其他均为1字节/个，昵称总长度不能超过12字节，不能小于6字节。</p>
			<br />
			<h2>如有疑问，请咨询...</h2>
			客服电话：400-105-8851<br />
			微信客服：wuyifugui(公众号)
		</div>
	</div>
	<script>
	$(function(){
		var nick = $.cookie("nick");
		if(nick !== undefined){
			$("#nick_input").val(nick)
		}
		$("#check").on("click",function(){
			//var re =/[a-zA-Z0-9]{1,10}|[\x4e00-\x9fa5]{1,5}/g;
			var nick_temp = $("#nick_input").val();
			var limit = $.trim(nick_temp).replace(/([^\x00-\xff])/g,"aa").length;
			if(limit<1){
				$(".t-error").html("昵称不能为空").fadeIn(100)
				$(".t-info").hide()
				reset_tip()
				return false
			}else if (limit < 6 ){
				$(".t-error").html("昵称总长度不能小于 <b>6</b> 字节").fadeIn(100)
				$(".t-info").hide()
				reset_tip()
				return false
			}else if (limit>12){
				$(".t-error").html("昵称总长度不超过 <b>12</b> 字节").fadeIn(100)
				$(".t-info").hide()
				reset_tip()
				return false
			}else{
				$.cookie("nick",nick_temp)
				$(".t-success").text("昵称设置成功").fadeIn(100)
				$(".t-info").hide()
				reset_tip();
			}
		}); 
		
	})
	</script>	
</body>

</html>
